<!--
 * @author: sanbao
 * @Date: 2022-09-04 18:59:44
-->
<style lang='scss' scoped>
.my_one {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 10px;
  box-sizing: border-box;
  .bg_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .title {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    font-size: 25px;
  }

  .echarts {
    height: calc(100% - 30px);
  }
}
</style>

<template>
  <div class="my_one">
    <img class="bg_image" src="../assets/image/line.png" alt="" />
    <div class="title">
      <slot name="title"></slot>
    </div>
    <div class="echarts">
      <slot name="echarts"></slot>
    </div>
  </div>
</template>

<script>
import { ref, reactive, toRefs, computed } from "vue";
export default {
  components: {},
  setup() {
    return {};
  },
};
</script>
